<template>
  <div id="app">
    <v-layout>
      <v-header :style="{ backgroundColor: 'white' }">
        <v-menu mode="horizontal" :data="menu" :style="{lineHeight: '64px'}"></v-menu>
      </v-header>
      <v-content>
        <router-view></router-view>
      </v-content>
      <v-footer :style="{ textAlign: 'center', backgroundColor: 'white', marginTop: '20px' }">
        @2018
      </v-footer>
    </v-layout>
  </div>
</template>

<script>
export default {
  name: "app",
  data() {
    return {
      menu: [
        { name: "首页", href: "/" },
        { name: "排行榜" },
        { name: "站长推荐", href: "#/recommendation" },
        { name: "关于", href: "#/about" },
        { name: "开发者", href: "#/develop" },
      ]
    };
  }
};
</script>

<style>
#app {
  background-color: #ececec;
}
.word {
  position: absolute;
  color: red;
}
</style>